<template>
  <div>
    <div class="default" v-if="$slots.default">
      <!-- This content is shown only if slot content is provided -->
      <slot></slot>
    </div>
    <div class="content" v-if="$slots.content">
      <!-- This content is only shown if no slot content is provided -->
      <slot name="content"></slot>
    </div>
    <!-- Some other content that might be conditionally hidden -->
    <div class="extra" v-if="$slots.hideExtra">
      <slot name="hideExtra"></slot>
    </div>
  </div>
</template>

<script setup></script>
